<template>
  <div class="">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{path:'/readme'}">自述</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="doc">
      <h1>README.md</h1>
      <h2>manage-system</h2>
      <hr>


      <p>基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案</p>
      <h3>前言</h3>
      <p>
        之前在公司用了Vue + Element组件库做了个后台管理系统，基本很多组件可以直接引用组件库的，但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能，就需要引用其他的组件才能完成。从寻找组件，到使用组件的过程中，遇到了很多问题，也积累了宝贵的经验。所以我就把开发这个后台管理系统的经验，总结成这个后台管理系统解决方案。</p>
      <p>
        该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。基于vue.js,使用vue-cli脚手架快速生成项目目录，引用Element UI组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。</p>
      <h3>功能</h3>
      <div class="functions">
        <div class="clear"></div>
        <el-checkbox v-model="checked" disabled>Element UI</el-checkbox>
        <br>
        <el-checkbox v-model="checked" disabled>表格</el-checkbox>
        <br>
        <el-checkbox v-model="checked" disabled>表格</el-checkbox>

      </div>
      <div class="alert alert-danger" role="alert">
        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
        <span class="sr-only">Error:</span>
        Enter a valid email address
      </div>
    </div>
  </div>
</template>
<script>

  export default {
    data: function () {
      return {
        hello: 'readme',
        checked: true
      }

    }
  }
</script>
<style>

</style>

